<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="portal" uri="/WEB-INF/portal.tld" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <%@ include file="/common/scooter/include/common-base.jsp"%>
    <title>出险代步车</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="skin-shallow sidebar-collapse">
<div class="wrapper">
    <style>
        .content{
            padding: 0;
        }
        .box.box-success{
            border: none;
        }
        .box-header.with-border{
            padding: .5rem 0;
            border: none;
        }
        .head-wei{
            height: 1rem;
            line-height: 1rem;
            box-shadow: 0px 0px 5px #888888;
        }
        .box-title,.box-title-p{
            text-align: center;
        }
        .box-title-p{
            font-size: 14px;
            padding-top: .1rem;
        }
        .form-control{
            height: auto;
            padding: .2rem .24rem;
        }
        /*sy ADD   start*/
        .box-body{
            padding:0.15rem 0.5rem;
            box-shadow:none;
            /*position:relative;*/
        }
        .data-input{
            margin-bottom:40px;
        }
        .form-control-feedback{
            top:5px !important;
        }
        .content-wrapper, .right-side{
            background-color:#fff;
        }

        .form-group{
            margin-bottom:10px;
        }
        .uploadImgBox{
            width: 100%;
            /* height: 95px; */
            /*border: 1px solid #ddd;*/
            text-align: center;
            position: relative;
        }
        .uploadImgBox .imgBtn{
            position: absolute;
            top: 40%;
            /*left: 24%;*/
            left:0;
            width:100%;
        }
        .ti{
            margin-top:-10px;
        }
        .box.box-success {
            border: none;
            box-shadow: none;
        }
        .Dadi_imgBox{
            margin-left:25px;
            width:40%;
        }
        .Wan_imgBox{
            width:30%;
        }
        .identifyCard{
            margin-bottom:1.5rem;
        }
        .page2{
            display:none;
            position:absolute;
            left:400px;
            /*left:0px;*/
            top:0;
            padding:0.45rem  0.5rem;
            width: 100%;
            height: 100%;
            background-color:#fff;
            z-index:2;
        }
        /*返回按钮*/
        .backBtn{

        }
        /*条款须知*/
        #tiaoKuanBox{
            /*padding:20px;*/
            letter-spacing: 1px;
            font-size: 12px;

        }
        .tiMu{
            text-align:center;
            margin-top: 15px;
        }
        .first_Hang{
            text-indent: 35px;
        }
        .tiaoKuanContent{
            padding:20px;
        }
        .tiaoKuanItem{
            padding-left: 13px;
            display: inline-block;
            margin-top: -17px;
        }
        .other{
            padding-left: 2px;
        }
        .readedBtn{
            padding-left: 20px;
            margin-bottom: 40px;
        }

        /*sy ADD  end*/
        .btn{
            padding:.2rem .24rem;
        }
        .data-input label{
            font-weight: 400;
        }
    </style>


    <div class="content-wrapper">

        <!-- Main start -->
        <section class="content">
            <div id="div_hidden_content" class="hidden" style="display:none;">
                <div id="hidden_common_final">
                    <!-- temp="hidden_common_final" start -->
                    <input name="mainObjName" type="hidden" value="scooterCar">
                    <input name="mainObjPrimaryKey" type="hidden" value="infoId">
                    <input name="objNameAll" type="hidden" value="scooterCar">
                    <!-- temp="hidden_common_final" end -->
                </div>
                <!-- temp="delForm_hidden" start -->
                <div id="delForm_hidden">
                </div>
                <!-- temp="delForm_hidden" end -->
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <!------- 列表 start -------->
                    <div class="box box-success">
                        <div class="head-wei">
                            <img class="Dadi_imgBox" src="/images/scooter/logo-dadi.png"/>
                            <img  class="Wan_imgBox"  src="/images/scooter/logo-min.png" />
                        </div>
                        <!--列表title  start -->
                        <div class="box-header with-border">
                            <h3 class="box-title" style="display:block;font-size: 25px;"> 出险代步车 </h3>
                            <p class="box-title-p">请填写以下有效信息，核实使用资格</p>
                            <!-- <div class="box-tools pull-right">

                             </div> -->
                        </div>
                        <div class="box-body">
                            <form class="form-horizontal addFormBody" role="form" id="addForm1" action="javascript:void(0)">
                                <input type="hidden" class="formToken" id="addForm1_formToken" name="formToken" />
                                <!-- temp="addForm1_hidden" start -->
                                <div id="addForm1_hidden" style="display:none;">
                                    <input type="hidden" name="pageName" value="scooter-car"/>
                                    <input type="hidden" name="formName" value="addForm"/>
                                    <input type="hidden" name="userKeys" value="portal-v1.0"/>
                                </div>
                                <!-- temp="addForm1_hidden" end -->
                                <div class="data-input">
                                    <div>
                                        <label for="">姓名（使用者）</label>
                                        <div class="form-group"><input name="scooterCar.renter" class="form-control clean" maxlength="16"
                                                                       data-temp-obj="scooterCar.renter" placeholder="请输入姓名"
                                                                       data-bv-notempty="true" data-bv-notempty-message="不能为空"></div>
                                    </div>
                                    <div>
                                        <label =for="">手机号</label>
                                        <div class="form-group"><input name="scooterCar.phone" class="form-control clean c-repeat" maxlength="11"
                                                                       data-temp-obj="scooterCar.phone" placeholder="请输入手机号"
                                                                       data-bv-notempty="true" data-bv-notempty-message="不能为空"></div>
                                    </div>
                                    <div>
                                        <label for="">出险车车牌号</label>
                                        <div class="form-group">
                                            <input name="scooterCar.vinCode" class="form-control clean" maxlength="7" data-temp-obj="scooterCar.vinCode" placeholder="请输入车牌号"
                                                   data-bv-notempty="true" data-bv-notempty-message="不能为空">
                                        </div>
                                    </div>
                                    <div>
                                        <label for="">查勘员姓名</label>
                                        <div class="form-group"><input name="scooterCar.surveyUser" class="form-control clean" maxlength="16"
                                                                       data-temp-obj="scooterCar.surveyUser" placeholder="请输入查勘员姓名"
                                                                       data-bv-notempty="true" data-bv-notempty-message="不能为空"></div>
                                    </div>
                                    <div>
                                        <label  for="">赔案号</label>
                                        <div class="form-group">
                                            <input name="scooterCar.reportNo" class="form-control clean" maxlength="30" data-temp-obj="scooterCar.reportNo" placeholder="请输入赔案号"
                                                   data-bv-notempty="true" data-bv-notempty-message="不能为空">
                                        </div>
                                    </div>

                                </div>

                                <%--<div><button class="btn btn-warning btn-block ti" type="button" onclick="submitForm1('addForm1','');" data-temp-event="addForm1_hidden" disabled="disabled"> 下一步 </button></div>--%>
                                <div><button class="btn btn-warning btn-block ti" type="button" onclick="nextCss();" data-temp-event="addForm1_hidden"  disabled="disabled"> 下一步 </button></div>
                                <div class="box-body identifyCard">
                                    <div class="page2">
                                        <div class="backBtn" onclick="backLast();">
                                            <i class="fa fa-angle-left" style="font-size:25px"></i><label style="position: absolute;
    top: 0.51rem;left:0.8rem;">返回</label>
                                        </div>
                                        <div>

                                            <div>
                                                <label for="">姓名（使用者）</label>
                                                <div class="form-group"><input name="scooterCar.renter2" class="form-control clean" maxlength="16"
                                                                               data-temp-obj="scooterCar.renter2" placeholder="姓名（使用者）"
                                                                               data-bv-notempty="true" data-bv-notempty-message="不能为空" readonly></div>
                                            </div>
                                        </div>
                                        <div>
                                            <label class="form-control-static">身份证号码：</label>
                                            <div>
                                                <div class="form-group"><input name="scooterCar.identityNo"
                                                                               class="form-control clean"
                                                                               maxlength="18"
                                                                               data-temp-obj="scooterCar.identityNo"
                                                                               placeholder="请输入身份证号"
                                                                               data-bv-notempty="true"
                                                                               data-bv-notempty-message="不能为空">
                                                </div>
                                            </div>
                                        </div>
                                        <div>
                                            <label class="form-control-static">身份证正面照片：</label>
                                            <div>
                                                <div class="form-group">
                                                    <div class="uploadImgBox"  file-box="true" name="scooterCar.idtPicFace" data-temp-obj="scooterCar.idtPicFace"
                                                         data-type-tag="uploadImg" data-file-progress="bar" data-file-max-size="9" data-file-type="image/*">

                                                        <div style="width:100%;height:150px;border:2px dashed #ccc">
                                                            <img file-img="true" src="/images/scooter/upload_icon4.png" style="width:100%;height:145px;">
                                                        </div>
                                                        <%--<span  style="display:inline-block;width:120px;height:80px;border:1px solid #ccc"></span>--%>
                                                        <label file-btn="true" onclick="addUploadFileNew(this);" for="uploadFileInputNew"
                                                               class="imgBtn"  style="color:orange;"><span style="font-size:18px">正面</span><br>点击上传身份证正面</label>
                                                        <input file-input="true" name="scooterCar.idtPicFace" type="hidden" class="clean" value="">
                                                        <a file-a="true" href="#" style="display:none;" target="_bank"></a>
                                                        <label file-msg="true" style="display:none;"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div>
                                            <label class="form-control-static">身份证反面照片：</label>
                                            <div>
                                                <div class="form-group">
                                                    <div  class="uploadImgBox" file-box="true" name="scooterCar.idtPicOpposite"
                                                          data-temp-obj="scooterCar.idtPicOpposite"
                                                          data-type-tag="uploadImg" data-file-progress="layer" data-file-max-size="9" data-file-type="image/*">
                                                        <%--<img file-img="true" src="/images/def.jpg" style="width:100%;height:115px;">--%>
                                                        <div style="width:100%;height:150px;border:2px dashed #ccc">
                                                            <img file-img="true" src="/images/scooter/upload_icon4.png" style="width:100%;height:145px;">
                                                        </div>
                                                        <label file-btn="true"  onclick="addUploadFileNew(this);" for="uploadFileInputNew" class="imgBtn" style="color:orange;"><span style="font-size:18px">反面</span>
                                                            <br>点击上传身份证反面</label>
                                                        <input file-input="true" name="scooterCar.idtPicOpposite" type="hidden" class="clean" value="">
                                                        <a file-a="true" href="#" style="display:none;" target="_bank"></a>
                                                        <label file-msg="true" style="color:orange;display:none;"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <%--<div><button class="btn btn-warning btn-block" type="button" onclick="submitForm1('addForm1','');" data-temp-event="addForm1_hidden"> 确认提交 </button></div>--%>
                                        <div><button class="btn btn-warning btn-block ti2" type="button" onclick="submitForm1('addForm1','');" data-temp-event="addForm1_hidden" disabled="disabled"> 确认提交 </button></div>

                                    </div>
                                </div>

                            </form>
                        </div>


                        <!-- <div class="box-footer text-center">
                          <ul id="dataList-page" class="pagination">
                        </ul>
                     </div>               -->
                    </div>
                    <!------- 列表 end -------->
                </div>
            </div>
            <div id="tiaoKuanBox" style=" display:none;">
                <div class="tiMu">
                    <h4>大地保险客户预订须知</h4>
                </div>

                <div class="tiaoKuanContent">
                    <p>预订条款：</p>
                    <p>第一条  特别提示</p>
                    <p class="first_Hang">为了维护您的利益，请您认真阅读本协议以下各条款，充分了解您的权利及义务。您阅读并同意本协议后，即表示您已对所有条款的含义及相应的法律后果全部通晓并充分理解。</p>
                    <p>第二条 相关概念注解</p>
                    <p>您接受我方对以下概念内涵的注解：</p>
                    1.<span class="tiaoKuanItem">出险后用车 —— 出险即可用，全年使用1次，使用期限为连续三天免费，免费部分为车辆押金、门店服务费、车辆租赁费、手续费、基本保障服务，（延期使用或其他费用由客户自付，客户与车辆出租方自行结算），该产品需提前距用车时间8个小时预定，具体视车辆资源进行调度，以门店为准，定点取送车，用车人还车时到门店以信用卡或支付宝预授权形式冻结2000元作为违章或其他事项预支付，（交易日起、满30-45天，无违章或其他事项前提下，信用卡或支付宝预授权会在一定时间之后自动解冻（恢复额度），时间的长短以各银行或支付宝的规定为准。</span>
                    2.<span class="tiaoKuanItem">您应履行的义务：① 您提供给的个人信息均为真实有效的，并请在约定时间持确认短信/邮件、本人两证一卡（中国居民第二代身份证原件、中华人民共和国机动车驾照、有足够余额的本人的国内信用卡）前往门店办理租车手续，并与车辆租赁商家签署租车协议。② 租车服务合同：本订单仅为客户租车预约登记，具体权利义务以门店取车时签署的租车合同为准。</span><br>
                    3.<span class="tiaoKuanItem">常规费用收费标准：续租收费标准及其他服务收费以汽车出租车方为准（代步车使用超过3天推迟还车为续租，费用需客户自行承担），续租申请成功，续租租金以续租时外网实时的价格为准，在门店营业时间范围内办理续租手续。异地还车费：取还车、非相同城市、门店，根据两地之间公里数、计算出的费用（部分同城市门店取还车、无需收取该费用，以最终下单信息为准）。</span><br>
                    4.<span class="tiaoKuanItem">订单生效的定义：产品预订成功后，车辆出租方会给您发送确认信息，该订单即生效并产生法律效力。 订单生效后，您应按订单中约定的有效时间或时段准时到达约定地点。如您未在约定时间内到达约定地点同时未按照汽车出租方的条款提前取消则视为您主动解约，默认完成一次出险代步车服务。</span><br>
                    5.<span class="tiaoKuanItem">车辆事故处理指引：若发生车辆出险，客户需按照有关保险责任、车辆违章、事故处理的相关说明进行处理。租赁期间发生事故或单车事故，需第一时拨打110进行报案，并向汽车出租方联系报备情况，由汽车出租方向保险公司报案，并为客户提供必要的咨询和指引。因客户未及时通知汽车出租方或由于其他不可归责于汽车出租方的原因致保险公司拒赔的，客户须自行承担事故全部损失。</span><br>
                    6.<span class="tiaoKuanItem">代步车产品使用权变更：未经认同的使用权转让，所有可能发生的责任均由租车人本人承担。</span><br>
                    7.<span class="tiaoKuanItem">争议解决：双方在执行合同过程中，产生异议和纠纷，应友好协商解决。双方协商不能达成一致时，应依照现行法律法规，向汽车出租方所在地人民法院诉讼解决。</span><br>
                    8.<span class="tiaoKuanItem other">其他：本须知最终解释权归杭州翌翼科技所有。</span>
                </div>
                <div class="readedBtn">
                    <input type="checkbox"  name="reading" >已阅读代步车客户预订须知内容</input>
                </div>
            </div>

            <!-- Part 二、以下是template模板定义的模块区域 -->
            <script type="text/template" id="dataList-template">
                <? for ( var i = 0; i < rows.length; i++) {?>
                <tr>
                    <td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
                    <!-- temp="dataList_template_content" start -->
                    <!-- temp="dataList_template_content" end -->
                    <td>
                        <button type="button" class="btn btn-success btn-xs" onclick="toLoad(this,'view')"><i class="fa fa-search-plus"></i> 查看</button>  
                        <button type="button" class="btn btn-warning btn-xs" onclick="toLoad(this,'edit');"><i class="fa fa-edit"></i> 修改</button>  
                        <button type="button" class="btn btn-danger btn-xs" onclick="toDele(this);"><i class="fa fa-trash-o"></i> 删除</button>
                    </td>
                </tr>
                <?}?>
            </script>

            <!-- Part 三、 以下是js模块区域 -->
            <script>
                /*  网易布局  start   */
                var deviceWidth = document.documentElement.clientWidth;
                if(deviceWidth > 640) deviceWidth = 640;
                document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
                /*  网易布局  end   */
                var clickMenu = "car-list";
                var myPage,dataListId,searchFormId;
                myPage = 10;//定义列表数据
                dataListId = "dataList";//显示列表数据div的id
                searchFormId = "searchForm";//搜索表单Id
                /**
                 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
                 */
                var dictListMap = DictUtil.initDictAndDymic();

                $(function () {
                    //1、加载分页列表数据
                    //getTableData();

                    var formId="#addForm1";
                    setValidate(formId);//定义add表单验证属性
                    mytools.cleanValidate(formId);//清空上次校验规则提示
                    //2、控制是否启用token
                    //setToken();


                });

                $(function () {
                    //设置数据行选中效果
                    $('#'+dataListId+' tbody').on('click','tr', function (e) {
                        if ( $(this).hasClass('selected') ) {
                        }
                        else {
                            $('tr.selected').removeClass('selected');
                            $(this).addClass('selected');
                        }
                        //var id = $('tr.selected th').eq(0).html();
                    } );

                    //
                    //  【提交】 按钮disabled状态判断
                    $('#addForm1').bind('input propertychange', function() {
                        $(".ti").attr("disabled","disabled");
                        var a = $("input[name='scooterCar.renter']").next().attr("class");     // 姓名
                        var b = $("input[name='scooterCar.phone']").next().attr("class"); 	//手机号
                        var c = $("input[name='scooterCar.vinCode']").next().attr("class"); //出险车牌号
                        var d = $("input[name='scooterCar.surveyUser']").next().attr("class"); //查勘员姓名
                        var e = $("input[name='scooterCar.reportNo']").next().attr("class"); 	//赔案号
                        var f = $("input[name='scooterCar.identityNo']").next().attr("class");  //身份证号
                        var vinCode = $("input[name='scooterCar.vinCode']").val();
                        if(vinCode.length == 7){//自动转换英文小写为大写
                            console.log(vinCode.length,898989);
                            $("input[name='scooterCar.vinCode']").val($("input[name='scooterCar.vinCode']").val().toUpperCase());
                            $("#addForm1").data('bootstrapValidator').updateStatus('scooterCar.vinCode','NOT_VALIDATED',null).validateField('scooterCar.vinCode');
                        }

                        //判断是否包含glyphicon-remove字段
                        var indexOf_A = (a.indexOf("glyphicon-ok")>0);
                        var indexOf_B = (b.indexOf("glyphicon-ok")>0);
                        var indexOf_C = (c.indexOf("glyphicon-ok")>0);
                        var indexOf_D = (d.indexOf("glyphicon-ok")>0);
                        var indexOf_E = (e.indexOf("glyphicon-ok")>0);
                        var indexOf_F = (f.indexOf("glyphicon-ok")>0);
                       // console.log(indexOf_A,indexOf_B,indexOf_C,indexOf_D,indexOf_E)

                        //当输入框内容正确时，清除【下一步】按钮disabled状态
                        if(indexOf_A && indexOf_B && indexOf_C && indexOf_D && indexOf_E ){
                            $(".ti").removeAttr("disabled");
                        }

                        // 判断是否上传照片
                        var srcVal = '/images/upload_icon4.png';
                        var uploadWord = '重新上传';
                        // var PicFaceVal =  $("div[name='scooterCar.idtPicFace'] label[file-btn='true']").text();
                        // var OppositeVal =  $("div[name='scooterCar.idtPicOpposite'] img[file-img='true']").attr('src');

                        var PicFaceVal = $("input[name='scooterCar.idtPicFace']").val();
                        var OppositeVal = $("input[name='scooterCar.idtPicOpposite']").val();



                        //当所有输入框内容正确时，且上传照片，清除【确认提交】按钮disabled状态
                        if(indexOf_A && indexOf_B && indexOf_C && indexOf_D && indexOf_E && indexOf_F ){
                              $(".ti2").removeAttr("disabled");
                        }

                        // console.log(PicFaceVal,8787878)
                        // console.log(PicFaceVal,9999999)
                    });



                });
                //注入日历框样式
                var dateObject = $('.datepicker').datepicker( {
                    language : 'zh-CN',
                    //inline: true,
                    todayBtn : "linked",
                    format : "yyyy-mm-dd",
                    autoclose: true
                }).on('hide',function(e) {
                    //bootstrap datepicker与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决方法
                    //当日期选择框关闭时，执行刷新校验。
                    var fieldName = $(this).attr("name");//获取当前元素name
                    var formId = $(this).parents("form").eq(0).attr("id");//获取当前元素所在父层级中的就近的formId
                    $("#"+formId).data('bootstrapValidator').updateStatus(fieldName,'NOT_VALIDATED',null).validateField(fieldName);
                });

                //给模态窗口内form表单内的所有支持必填项的元素注入校验
                $(".modal").on('shown.bs.modal', function () {
                    $(this).find("form").each(function(){
                        var formId = $(this).attr("id");
                        if(!strUtil.isNull(formId)){
                            formId="#"+formId;
                            setValidate(formId);//定义add表单验证属性
                            mytools.cleanValidate(formId);//清空上次校验规则提示
                        }
                    });
                });

                //打开添加modal
                function toAdd(){
                    mytools.cleanData(".addFormBody");//清空表单元素上次填写的内容；
                    $(".datepicker").val("");
                    $("#my_modal_add").modal("show");
                }
                //数据toLoad读取（查看、编辑）数据
                function toLoad(obj,type){
                    if("view"==type){
                        $("#my_modal_view").modal("show");
                    }else if("edit"==type){
                        mytools.cleanData(".editFormBody");//清空表单元素上次填写的内容；
                        $("#my_modal_edit").modal("show");
                    }
                    var paramLoadData = {};
                    var inputPrimaryObj = $(obj).parent().parent().find("input[name='input_primaryKey']");
                    paramLoadData["pageName"]=$("#searchForm").find("input[name='pageName']").val();
                    paramLoadData["formName"]=$("#searchForm").find("input[name='formName']").val();
                    if(inputPrimaryObj.length>0){
                        for(var k=0;k<inputPrimaryObj.length;k++){
                            var pkobj=$(inputPrimaryObj[k]);
                            paramLoadData[pkobj.attr("obj-name")+".w_"+pkobj.attr("primary")]=pkobj.val();
                        }
                        $.get(common_info_url, paramLoadData,function(myData){
                            console.log(myData);
                            //反显加载数据
                            if(myData){
                                for(var objNameKey in myData){
                                    FormUtil.loadView(objNameKey, myData[objNameKey]);
                                }
                            }
                        },"json");
                    }
                }
                //删除调用
                function toDele(obj){
                    if(!$("#delForm_hidden").find("input[name='formName']").val()){
                        layer.alert("缺失删除参数！");
                        return;
                    }
                    var index_submit = layer.open("您确定要删除信息吗？", {btn: ["Yes","No"],closeBtn: 0,offset: "220px"}
                        , function(){
                            layer.close(index_submit);
                            var paramData = {};
                            var inputPrimaryObj = $(obj).parent().parent().find("input[name='input_primaryKey']");
                            paramData["pageName"]=$("#delForm_hidden").find("input[name='pageName']").val();
                            paramData["formName"]=$("#delForm_hidden").find("input[name='formName']").val();
                            if(inputPrimaryObj.length>0){
                                for(var k=0;k<inputPrimaryObj.length;k++){
                                    var pkobj=$(inputPrimaryObj[k]);
                                    paramData[pkobj.attr("obj-name")+".w_"+pkobj.attr("primary")]=pkobj.val();
                                }
                                $.ajax({
                                    type:"post",
                                    url:common_submit_url,
                                    data: paramData,dataType:"json",
                                    success: function(myData){
                                        var result = myData.flag;
                                        if(result=="T"){
                                            refresh();
                                        }else{
                                            layer.alert("删除失败！");
                                        }
                                    }
                                });
                            }
                        });
                }
                //加载列表数据
                function getTableData(){
                    $.ajax({
                        type:'get',
                        url:common_list_url,
                        data:$("#"+searchFormId).serialize()+getCurrentPage(common_list_url+"?"+$("#"+searchFormId).serialize(),myPage),
                        dataType:'json',
                        success: function(myData){
                            console.log(myData);
                            var data = baidu.template(dataListId+"-template",eval(myData));
                            $("#"+dataListId+"-body").html(data);
                            var option= {
                                ele:$("#"+dataListId+"-page")[0],
                                total:myData.total,
                                fn:getTableData,
                                url:common_list_url+"?"+$("#"+searchFormId).serialize()
                            }
                            generatePages(option);
                        }
                    });
                }
                // 下一步 滑出样式
                function nextCss(){
                    $(".page2").css("display","block");
                    $(".page2").css("left","0");
                    //只读  姓名（使用者）赋值
                    var readonlyName =  $("input[name='scooterCar.renter']").val();
                    $("input[name='scooterCar.renter2']").val(readonlyName);
                }
                // 返回按钮
                function backLast(){
                    $(".page2").css("display","none");

                }



                //提交tab1表单数据
                function submitForm1(formId,tabId){
                    //校验规则-表单提交时触发
                    var validate = $('#'+formId).data('bootstrapValidator').validate();
                    if(!validate.isValid()){
                        //如果校验不通过就返回
                        return;
                    }
                    //  身份证上传是否为空判断

                    var b;
                    var c = $("input[name='scooterCar.phone']").val();	//手机号
                    $.ajax({
                        type:'get',
                        url:ctx+"/client/list/?userKeys=portal-v1.0&pageName=scooter-car&formName=searchForm&scooterCar.w_phone="+c,
                        async:false,
                        success:function(data){
                            data = eval("("+data+")");
                            if(data.total >0){
                                b =  true;
                            }else{
                                b =  false;
                            }
                        }
                    })
                    if(b){
                        layer.alert('该手机号已下过单，无法再享受服务！');
                        return;
                    }
                    document.body.scrollTop = 0;
                    document.documentElement.scrollTop = 0;
                    var index_submit = layer.open({
                        title:'条款须知',
                        type:1,
                        content: $('#tiaoKuanBox')
                        ,btn: ['确定', '取消']
                        ,area:['100%','100%']
                        ,yes: function(index, layero){
                            //按钮【按钮一】的回调
                            var reading = $('input:checkbox[name="reading"]:checked').val();
                            if(reading){
                                var result = submitForm(formId,tabId);
                                console.log(result,43);
                                if(result){
                                    // layer.alert("提交成功！",{time:1000});
                                    layer.confirm("下单完成！稍后会有服务专员联系您！",{btn: ['确定'], yes: function(index, layero){
                                            layer.closeAll();
                                        }});
                                    $(".ti").attr("disabled","disabled");
                                    $(".ti2").attr("disabled","disabled");
                                    $(".page2").css("display","none");
                                    //  $(".page2").css("left","380px");
                                    mytools.cleanData("#addForm1");//清空表单元素上次填写的内容；
                                    mytools.cleanValidate("#addForm1");//清空上次校验规则提示
                                    setToken();
                                }
                            }else{
                                layer.confirm("请勾选已阅读！",{btn: ['确定']});
                            }
                        }
                        ,cancel: function(){
                            //右上角关闭回调
                         //   layer.confirm("下单完成！稍后会有服务专员联系您！",{btn: ['关闭']});
                            //return false 开启该代码可禁止点击该按钮关闭
                            layer.closeAll();
                        }
                    });
                    //----------------------------//
                }

                //提交表单数据
                function submitForm(formId,tabId){
                    var ddd = $("#"+formId).serialize();
                    var result;
                    var index_load = layer.load(1, {shade: false});
                    $.ajax({
                        type:'post',
                        url:ctx+"/client/service/",
                        data:$("#"+formId).serialize(),
                        async:false,
                        dataType:'json',
                        success: function(myData){
                            if(myData.flag=="T"){
                                result = myData;
                            }else{
                                setToken();
                                layer.alert(myData.msg);
                            }
                            layer.close(index_load);
                        },
                        error: function (e) {
                            layer.close(index_load);
                        }
                    });
                    return result;
                }

                //刷新
                function refresh(){
                    getTableData();
                }
                //设置token
                function setToken(){
                    $.ajax({
                        type:'get',
                        url:'${ctx}/sendPage/token?token=true',
                        dataType:'text',
                        success: function(myData){
                            console.log(myData,564646);
                            $('.formToken').val(myData);
                        }
                    });
                }


                /**** Part 四、以下是自定义新增方法  ****/
                //1.定义校验规则-定义
                function setValidate(id){
                    // validDisabled();
                    $(id).each(function(){
                        $(this).bootstrapValidator({
                            message:'',
                            feedbackIcons: {
                                valid: 'glyphicon glyphicon-ok',
                                invalid: 'glyphicon glyphicon-remove',
                                validating: 'glyphicon glyphicon-refresh'
                            },/** 以下需要结合实际业务清空补充个表单元素的验证规则 **/
                            fields:{
                                /** 可自定义新增验证规则
                                 "uctUser.userEname":{
		    		 validators: {
		    			 regexp: {
		    				 regexp: /^[0-9]+$/,
		                      message: '只能是数字'
		                  }
		              }
		    	}
                                 **/
                                // 英文和数字/^[A-Za-z0-9]+$/     中文/[^\u4E00-\u9FA5]/
                                // 身份证 18位/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/
                                //  身份证 15位和18位 /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
                                "scooterCar.vinCode":{   //车牌号
                                    validators: {
                                        notEmpty: {
                                            message: '格式不正确！'
                                        },
                                        regexp: {
                                            regexp: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/,
                                            message: '格式不正确！'
                                        }
                                    }
                                },
                                "scooterCar.reportNo":{
                                    validators: {
                                        notEmpty: {
                                            message: '仅支持英文和数字！'
                                        },
                                        regexp: {
                                            regexp: /^[A-Za-z0-9]+$/,
                                            message: '仅支持英文和数字！'
                                        }
                                    }
                                },
                                "scooterCar.renter":{
                                    validators: {
                                        notEmpty: {
                                            message: '仅支持中文！'
                                        },
                                        regexp: {
                                            regexp: /^[\u4E00-\u9FA5]+$/,
                                            message: '仅支持中文！'
                                        }
                                    }
                                },
                                "scooterCar.phone":{
                                    validators: {
                                        notEmpty: {
                                            message: '手机号不能为空！'
                                        },
                                        regexp: {
                                            regexp: /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/,
                                            message: '手机号格式不正确！'
                                        }
                                    }
                                },
                                "scooterCar.identityNo":{
                                    validators: {
                                        notEmpty: {
                                            message: '身份证号不能为空！'
                                        },
                                        regexp: {
                                            regexp: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
                                            message: '身份证号格式不正确！'
                                        }
                                    }
                                },
                                "scooterCar.surveyUser":{
                                    validators: {
                                        notEmpty: {
                                            message: '仅支持中文！'
                                        },
                                        regexp: {
                                            regexp: /^[\u4E00-\u9FA5]+$/,
                                            message: '仅支持中文！'
                                        }
                                    }
                                }
                            }
                        });
                    });
                }


            </script>
        </section>
        <!-- Main end -->
    </div>
</div>
<!-- /.content-wrapper -->
</body>
</html>






















































































































































































































































